<div class="user-right-pannel">
    <!-- 头部 -->
    <div class="user-right-pannel-header">基本信息</div>
    <div class="user-right-pannel-body">
        <div class="body">
            <form nz-form class="form" [formGroup]="iForm">
                <!--  手机号码-->
                <nz-form-item>
                    <nz-form-label [nzSpan]="5">手机号码</nz-form-label>
                    <nz-form-control [nzSpan]="19">
                        <nz-input-group>
                            <input nz-input disabled placeholder="手机" formControlName="mobile" name="mobile" type="text" id="mobile" />
                        </nz-input-group>
                    </nz-form-control>
                </nz-form-item>
                <!-- 昵称 -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="5">昵称</nz-form-label>
                    <nz-form-control [nzSpan]="19">
                        <nz-input-group>
                            <input nz-input placeholder="昵称" formControlName="nickName" name="nickName" type="text" id="nickName" />
                        </nz-input-group>
                    </nz-form-control>
                </nz-form-item>
                <!-- qq -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="5">QQ</nz-form-label>
                    <nz-form-control [nzSpan]="19">
                        <nz-input-group [nzPrefix]="newPwdLock">
                            <input nz-input formControlName="qq" name="qq" type="text" id="qq" placeholder="QQ" />
                        </nz-input-group>
                    </nz-form-control>
                </nz-form-item>
                <!-- email -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="5">email</nz-form-label>
                    <nz-form-control [nzSpan]="19">
                        <nz-input-group>
                            <input nz-input formControlName="email" name="email" type="text" id="email" placeholder="email" />
                        </nz-input-group>
                    </nz-form-control>
                </nz-form-item>
                <!-- 微信 -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="5">微信</nz-form-label>
                    <nz-form-control [nzSpan]="19">
                        <nz-input-group>
                            <input nz-input formControlName="wechat" name="wechat" type="text" id="wechat" placeholder="微信" />
                        </nz-input-group>
                    </nz-form-control>
                </nz-form-item>
                <!-- 重置 -->
                <nz-form-item>
                    <nz-form-control>
                        <button nz-button [nzType]="'primary'" (click)="submit(iForm.value)" [disabled]="iForm.invalid">保存修改</button>
                    </nz-form-control>
                </nz-form-item>
            </form>
        </div>
    </div>
</div>
